iT邦幫忙

2024 iThome 鐵人賽

DAY 17
1
生成式 AI

利用 Copilot AI 工具來動嘴寫程式!?系列 第 17

Day 17 - 建立待辦事項專案

  • 分享至 

  • xImage
  •  

今天開始我們來用 Copilot 與 Cursor 的聯天視窗實作一待辦事項功能,來看看能在單純使用提示的方式,能完成到多少功能實作。

建立專案

首先,我們分別先請兩位選手建立一個 Angular 專案。在下圖中,左邊角落是 Copilot 選手,右邊則為 Cursor。

https://ithelp.ithome.com.tw/upload/images/20241001/20109645FM73Q0rzXx.png

由於我明確要求要建立 Angular 專案,因此兩邊都給出使用 Angular CLI 來建立專案,不同之處的是在確定後,Cursor 會直接在 Terminal 執行命令,Copilot 則是插入 Terminal 內。

https://ithelp.ithome.com.tw/upload/images/20241001/20109645KaHPAwfbJU.png

加入 Angular Material

接著我們希望在這個專案中加入 Angular Material 來實作頁面。此時兩邊除了都給我 ng add 的命令外,也初步說明了要怎麼使用這個套件。

https://ithelp.ithome.com.tw/upload/images/20241001/20109645G77usM3HBZ.png

最後,在提交一個版本時,在不想打太多字的想法下,就只使用 commit 來下提示,Cursor 所生成的建議會包含了 git push 命令,之後來看看在要求不做這動作後,會不會在以後的作業可以不含 push 作業。

https://ithelp.ithome.com.tw/upload/images/20241001/20109645CdF8RvZOCJ.png

接下來

今天先用兩套工具來建立專案,其中在 Cursor 的使用上,因為我對各 AI 模型還不是很熟悉,所以目前先選用 gpt-4o 來實作。接下來,來要建立待辦事項的功能,看能不能以圖來產生程式碼。


上一篇
Day 16 - Cursor 的 Codebase
下一篇
Day 18 - 使用設計圖來寫程式
系列文
利用 Copilot AI 工具來動嘴寫程式!?18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言